
body{padding:0; margin:0; font-family:Arial,宋体 !important;}
li{text-decoration:none; list-style-type:none}
a{text-decoration:none; }
*{margin:0;padding:0;list-style-type:none;}
img{border-img:none}
.link_n_map{width:100%; margin-top:40px}
.link_n_map ul{width:40%; float:left; margin-left:10%; margin-bottom:30px}
.link_n_map ul li font{font-size:20px; color:#000;}
.link_n_map ul li{font-size:15px; color:#ABABAB; height:25px}
.xf{width:60px; height:45px;position:fixed;right:0px; bottom:50px; z-index:99999; display:none;}

.header_word a{ color:#000}

@media screen and (min-width: 970px){

.header{width:100%;float:left; height:64px; z-index:9999; top:0}
.header .header_img{height:64px; float:left;z-index:999;}
.header_word{font-size:20px; font-weight:bold; line-height:64px;float:left; margin-left:50px}
.header_span{float:right;line-height:64px; font-size:16px;margin-right:100px;color:#000}

.menu{display:none}
.menu_img{display:none} 
.menu_list{display:none}
.menu_list li{display:none}


#header01{z-index:9998; height:25px; width:100%;top:0px; padding-top:5px; background:url(../images/0001.png); clear:both}
.header01_cont{width:1207px;height:20px; margin:0 auto; 	border-left:1px #ccc solid	; clear:both	}
.header01_mess{width:200px; float:left; color:#000; text-align:center;line-height:20px; height:20px; border-right:1px #ccc solid	}


.page{width:100%;}


#product_list:hover .product_list{ display:block}
.product_list{z-index:999; width:200px; clear:both; float:left; background:#777777; padding-bottom:20px; display:none}
.product_list p{text-align:left; padding-left:25px; height:30px; line-height:30px; color:#fff}
.product_list p:hover{ font-weight:bold;}

.swipep{widht:100%;height:100%}
.swiper-container {width:10000px; height:100%; float:left; z-index:998;}
.swiper-slide a img{width:100%; float:left}
.shadow img{ width:100%}
.arrow-left {background:url(../images/mfrl.gif) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:999;background-size:100% 100%;}
.arrow-right {background:url(../images/mfrr.gif) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:999;background-size:100% 100%}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index:999}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}



.pro_show{ background:url(../images/pro_show.png); background-size:100% 100%;width:100%; float:left; margin-bottom:30px}
.pro_show h1{ font-size:26px; color:#FFF; margin-top:10px; margin-left:20px}
.pro_d{ background:url(../images/pro_n.png) no-repeat; width:100px;height:100px}
.pro{width:100px; text-align:center; float:left;margin-bottom:30px; color:#5a5a5a; margin-left:980px; padding:10px}
.pro_d img{ margin-top:22px}
.pro_n{width:980px; margin:0 auto; overflow:hidden; height:180px}

.learn_more{clear:left; position:relative; width:989px;  height:442px;no-repeat top; position:relative; clear:both; margin-top:200px; overflow:hidden;overflow:hidden;  margin:100px auto;}
.learn_more .imgs{ float:left; width:400px; margin-top:30px; margin-right:20px}
.learn_word{width:360px;font-size:14px; color:#696969;  float:left; margin-top:65px; line-height:30px}
.learn_title{width:550px;font-size:65px; color:#696969;  float:left; margin-top:60px;}
.learn_link{height:330px; width:550px; color:#696969;font-size:30px; right:-700px; position:absolute; top:70px; background:url(../images/arrow_03.png) no-repeat right center }
.moree{width:350px; position:absolute; bottom:0}
.go{ background:url(../images/arrow_03.png)}
.learn_link:hover{background:url(../images/arrow_03_hover.png) no-repeat right;color:#e63c59}	

.show_back{width:100%; height:100%; min-height:500px; background:#000;}
.show{width:100%; height:100%; background:url(../images/showback.png); background-size:100%; overflow: hidden; opacity:1;z-index:999; min-height:500px}
.show h1{color:#a8a8a8; font-size:26px; margin-left:50px; }
.img{width:980px;height:490px;background:url(../images/show_menu_back.png);background-size:100% 100%;margin:0 auto; opacity:1; margin-top:5%; margin-bottom:100px; }
.fl{float:left; width:245px; text-align:center; margin-top:50px; margin-bottom:10px; font-size:22px}
.fl_img1{height:120px; width:200px; margin-left:25px; background:url(../images/showimg1.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img2{height:120px; width:200px; margin-left:25px; background:url(../images/showimg2.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img3{height:120px; width:200px; margin-left:25px; background:url(../images/showimg3.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img4{height:120px; width:200px; margin-left:25px; background:url(../images/showimg4.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img5{height:120px; width:200px; margin-left:25px; background:url(../images/showimg5.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img6{height:120px; width:200px; margin-left:25px; background:url(../images/showimg6.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img7{height:120px; width:200px; margin-left:25px; background:url(../images/showimg7.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img8{height:120px; width:200px; margin-left:25px; background:url(../images/showimg8.png)  no-repeat top center; padding-top:100px;color:#fff;}
.fl_img1:hover{ background:url(../images/showimg1_hover.png) no-repeat top center;color:#ff0000;}
.fl_img2:hover{ background:url(../images/showimg2_hover.png) no-repeat top center;color:#ff0000;}
.fl_img3:hover{ background:url(../images/showimg3_hover.png) no-repeat top center;color:#ff0000;}
.fl_img4:hover{ background:url(../images/showimg4_hover.png) no-repeat top center;color:#ff0000;}
.fl_img5:hover{ background:url(../images/showimg5_hover.png) no-repeat top center;color:#ff0000;}
.fl_img6:hover{ background:url(../images/showimg6_hover.png) no-repeat top center;color:#ff0000;}
.fl_img7:hover{ background:url(../images/showimg7_hover.png) no-repeat top center;color:#ff0000;}
.fl_img8:hover{ background:url(../images/showimg8_hover.png) no-repeat top center;color:#ff0000;}

.ss_ba{width:100%; background:#000; float:left; height:150px}
.ss{background:#000; width:1000px; position:relative; clear:both; margin:0 auto; height:200px}
.ss_list{width:1000px;float:left;background:#000;}
.ss_list1{width:1000px;float:left;background:#000; display:none; opacity:0}
.ss_mess{width:250px;height:205px; z-index:999; float:left}
.ss_mess a img{width:200px; height:200px; margin:5px}

.wn_ba{width:100%; background:url(../images/starback.jpg) bottom no-repeat; background-size:100% 100%; padding-bottom:40px;position:relative; clear:both}
.wn{width:970px; margin:0 auto; position:relative}
.wn_more{ position:absolute; right:40px; bottom:20px;color:#ffffff;font-size:22px}
.wn_ba h1{color:#fff; margin-left:10px; clear:left; padding-top:30px;font-size:26px;  margin-top:0}
.wn li{font-size:20px; height:60px; line-height:60px; color:#999999; overflow:hidden;text-overflow:ellipsis;white-space: nowrap}
.wn li span{ font-size:16px; float:left;}
.wn li b{color:#d20000; float:left; margin-left:30px; padding-right:5px;}
.wn a{color:#999999;}
.wn a:hover{text-decoration:underline !important; color:#fff}

.footer{width:100%; clear:both; margin-top:20px;}
.flow_n{width:980px;margin:20px auto}
.flow_part{float:left; width:245px; text-align:center; line-height:100px; height:100px; color:#858585; margin-bottom:20px; margin-top:20px; margin-left:40px}
.eq{float:left; height:100px}
.flow_ps{float:left; margin-left:10px; line-height:37px}
.flow_ps span{float:left; font-size:14px;color:#666666; text-align:center}
.ps_img{float:left}
.link{width:100%; background:#e4e4e4; height:260px; clear:left;  padding-top:40px; overflow:hidden}
.link_n{width:1000px; margin:0 auto;padding-left:50px;height:260px;}
.link ul {width:200px; float:left;}
.link ul li{ text-align:left; height:25px; width:150px; }
.link ul li a{ color:#666666 !important}
.kl{ background:url(../images/link_li.png) no-repeat; background-size:100% 100%; height:25px; margin-bottom:5px; padding:0px; width:140px; text-align:left; }
.link ul a{color:#666666;}
.link ul a:first-child{color:#333333;}
.foot_last{ background:url(../images/footer_lst.png); width:100%; height:52px; line-height:52px; }
.foot_last p{ margin:0 auto;color:#666666; font-size:14px; width:1000px; text-align:right; margin-bottom:20px}
.foot_last p b{ margin-left:20px; margin-right:20px;color:#666666; font-weight:100}
.foot_last p img{float:right; margin-top:20px}
.foot_last p span{float:left}

.name{display:none}
}

@media screen and (max-width: 970px){
.name{display:block; text-decoration:none; font-size:20px;    color: #666666;font-size: 14px; padding-bottom:10px}
.name a{font-size:20px; font-weight:bold}
.cr{display:none}
.page{width:100%; padding-top:50px; overflow:hidden}
.header{width:100%;background:url(../images/header_back.png);float:left; height:40px; z-index:9999; position:fixed; top:0;}
.header_img{height:40px; float:left;}
.header_word{display:none}
.header_span{display:none}
#header01{display:none}

.menu{float:left; color:#fff; line-height:40px; font-size:20px; margin-left:10px; width:150px}
.menu_img{ height:20px; margin:10px 10px; float:right;  }
.menu_list{position:fixed; top:0px;right:0px ;width:100%; height:100%; background:#f3f3f3; z-index:9999;display:none; border-left:1px solid #ccc}
.menu_list li{ background:#FFF; width:80%; margin:0px auto; list-style-type:none; height:50px; margin-top:5px; text-align:left; font-size:26px; line-height:50px; padding-left:20px; color:#a8a8a8}
.listhead{height:40px;background:url(../images/header_back.png);width:100%;}



.swiper-container {width: 100%;height: 100%; margin-bottom:30px; float:left}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;  }
.swiper-slide a img{width:100%}
.swiper-button-prev{display:none}
.swiper-button-next{display:none}
.shadow img{ width:100%}


.pro_show{ background:url(../images/pro_show.png); background-size:100% 100%;width:100%; float:left;  padding-bottom:10px; padding-top:10px}
.pro_show h1{color:#a8a8a8; font-size:16px; margin-left:10px}
.pro_d{background:url(../images/pro_n.png); width:100%; background-size:100% 100%; clear:left;overflow:hidden; float:left}
.pro{text-align:center; float:left;  color:#5a5a5a; width:20%;  overflow:hidden; font-size:12px; margin-left:2.5%; margin-right:2.5%}
.pro_d img{ width:70%; margin:15%; float:left}
.pro_n{width:100%;}

.learn_more{clear:left; position:relative; width:100%; padding-bottom:30px;  margin-top:20px; padding-top:10px}
.learn_more img{width:65%; margin-left:5%}
.learn_title{ font-size:16px; color:#696969; margin-left:10px; margin-top:20px; margin-bottom:20px; width:95%; }
.learn_word{ font-size:12px; color:#696969; margin-top:20px; margin-left:10px ;width:95%;}
.learn_link{background:url(../images/arrow_03_hover.png) no-repeat right; height:50px; width:95%; color:#e63c59;font-size:22px; margin-top:20px;margin-left:10px; line-height:60px }

.show_back{width:100%; height:100%; min-height:500px; background:#000}
.show{width:100%; height:100%; background:url(../images/showback.png); background-size:100%; overflow: hidden;opacity:1 }
.show h1{color:#a8a8a8; font-size:20px; margin-left:10px }
.img{background-size:100%;margin:0 auto; background:url(../images/show_menu_back.png) no-repeat; width:90%; margin:5%; height:100% }
.fl{float:left; width:33%; text-align:center; margin-top:50px; margin-bottom:10px; font-size:16px;}
.fl p{height:10px}
.fl_img1{ width:100%; margin-left:5%; background:url(../images/showimg1.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img2{ width:100%; margin-left:5%; background:url(../images/showimg2.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img3{ width:100%; margin-left:5%; background:url(../images/showimg3.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img4{ width:100%; margin-left:5%; background:url(../images/showimg4.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img5{ width:100%; margin-left:5%; background:url(../images/showimg5.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img6{ width:100%; margin-left:5%; background:url(../images/showimg6.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img7{ width:100%; margin-left:5%; background:url(../images/showimg7.png)  no-repeat top center; padding-top:100px;color:#fff; }
.fl_img8{ width:100%; margin-left:5%; background:url(../images/showimg8.png)  no-repeat top center; padding-top:100px;color:#fff; }

.ss_ba{ padding-top:40px; background:#000}
.ss{ background:#000; width:100%; position:relative; clear:both; float:left }
.ss_list{width:80%; margin:0 auto;background:#000;}
.ss_list1{width:80%; margin:0 auto;background:#000;}
.ss_mess{width:48%; padding-left:1%; padding-right:1%;gz-index:999; float:left; padding-bottom:10px;background:#000;}
.ss_mess a img{width:100%}

.wn_ba{width:100%; background:url(../images/starback.jpg) bottom no-repeat; background-size:100% 100%; padding-bottom:40px;position:relative; clear:both; float:left}
.wn{width:90%; margin:0 auto}
.wn_more{position:absolute; right:20px; bottom:20px;color:#ffffff;font-size:16px}
.wn_ba h1{color:#fff;margin-left:10px; clear:left; padding-top:30px;font-size:20px;  margin-top:0}
.wn li{font-size:16px;line-height:40px; color:#999999; height:80px; overflow:hidden; width:100%;}
.wn li:hover{border-bottom:1px solid #CCC;height:79px}
.wn li span{ font-size:12px; float:left; margin-left:10px; width:100%; font-weight:bolder}
.wn li font{color:#d20000; float:left; margin-left:10px;}
.wn a{color:#999999; width:100%}

.footer{width:100%; margin-top:20px; overflow:hidden}
.flow_n{width:100%; float:left; margin-top:20px; margin-bottom:10px;display:none}
.flow_part{width:25%;float:left; font-size:14px;color:#666666; text-align:center; display:none}
.eq{display:none} 
.flow_ps{float:left; display:none}
.flow_ps span{float:left; font-size:14px;color:#666666; text-align:center}
.ps_img{float:left}
.link{width:100%; background:#e4e4e4; clear:left; float:left}
.link_n{width:100%; float:left}
.link ul {width:100%; float:left; margin-top:10px; min-height:auto; margin-left:2%}
.link .kl{ font-weight:bold}
.link ul li{ text-align:left; height:30px;  float:left; padding-right:10px;}
.link ul a:first-child li{background:url(../images/link_li.png) no-repeat bottom left; background-size: 100%; height:40px; margin-bottom:5px; background-size:50%}
.link ul a{color:#666666;}
.link ul a:first-child{color:#333333;}
.foot_last{ background:url(../images/footer_lst.png); width:100%; height:32px; line-height:32px;clear:both}
.foot_last p{ margin:0; padding:0; margin-left:10px; color:#666666; font-size:14px; width:100%}
.foot_last p font{ text-decoration:underline; font-size:10px;color:#666666}
.foot_last p img{float:right;margin-top:11px; margin-right:10px; margin-bottom:5px;width:80%}
.foot_last p span{ float:left}

}
@media screen and (max-width: 600px){
	.fl_img1{ width:85%; margin-left:5%; background:url(../images/showimg1.png)  no-repeat top center;background-size: 100%; padding-top:100px;color:#fff; }
	.fl_img2{ width:85%; margin-left:5%; background:url(../images/showimg2.png)  no-repeat top center;background-size: 100%; padding-top:100px;color:#fff; }
	.fl_img3{ width:85%; margin-left:5%; background:url(../images/showimg3.png)  no-repeat top center;background-size: 100%; padding-top:100px;color:#fff; }
	.fl_img4{ width:85%; margin-left:5%; background:url(../images/showimg4.png)  no-repeat top center;background-size: 70%; padding-top:100px;color:#fff; }
	.fl_img5{ width:85%; margin-left:5%; background:url(../images/showimg5.png)  no-repeat top center;background-size: 100%; padding-top:100px;color:#fff; }
	.fl_img6{ width:85%; margin-left:5%; background:url(../images/showimg6.png)  no-repeat top center;background-size: 85%; padding-top:100px;color:#fff; }
	.fl_img7{ width:85%; margin-left:5%; background:url(../images/showimg7.png)  no-repeat top center;background-size: 80%; padding-top:100px;color:#fff; }
	.fl_img8{ width:85%; margin-left:5%; background:url(../images/showimg8.png)  no-repeat center center;background-size: 90%; padding-top:100px;color:#fff; }

}
.sideWrap {
	margin-bottom: 10px;
}
